<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>滴滴打X</title>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <link rel="stylesheet" href="/recharge/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css" />
        <link rel="stylesheet" href="/recharge/css/core.css" type="text/css" />
        <script type="text/javascript" src="/recharge/js/jquery/jquery-2.1.3.js"></script>
        <script type="text/javascript" src="/recharge/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
        <script type="text/javascript" src="/recharge/js/jquery.bootstrap.min.js"></script>

		<script type="text/javascript" src="/recharge/js/plugins/jquery.form.js"></script>

		<link type="text/css" rel="stylesheet" href="/recharge/css/account.css" />
		<style type="text/css">
			.el-recharge-table > tbody > tr > td{
				vertical-align: middle;
			}
			.el-recharge-form input{
				width: 280px;
			}
			.tab-content{
				border:1px solid #ddd;
				border-top:none;
				padding:0px 20px;
			}
		</style>
		

	</head>
	<body>
		<div class="container">
			<div class="el-tip-info">
				<h3>个人账户信息</h3>
			</div>
			<div role="tabpanel">
			  <div class="tab-content">
			    <div role="tabpanel" class="tab-pane active" id="tab2">
					<div>
                        <img src="/image/head.jpg" alt="Responsive image" class="img-circle">
					</div>
			    	<div>
			    		<p>用户名:<span>${client.nickname}</span></p>
                        <p>性别:<span>${client.sexDisplay}</span></p>
                        <p>国家:<span>${client.country}</span></p>
                        <p>省份:<span>${client.province}</span></p>
                        <p>可用余额:<span>${account.usableAmount}元</span></p>
                        <div class="pull-left" style="text-align: center;width: 400px;margin:30px auto 0px auto;">
                            <a class="btn btn-primary btn-lg" href="/recharge">账户充值</a>
                        </div>
			    	</div>
			    </div>
			  </div>
			</div>
		</div>
	</body>
</html>